 <!-- 钩子函数之 更新数据 --> 

 <script src="vue.js"></script> 

 <div id="app"> 
      <div v-if="isShow" ref="div">需要更新的数据</div> 
      <button @click="isShow=!isShow">更新数据</button> 
 </div> 

 <script> 
     var ve=new Vue({ 
         el:'#app', 
         data:{ 
            msg:'我更新了',
            isShow: true, 
        },
        updated(){ 
            console.log("更新数据之后"); 
            console.log(this.$refs.div); 
        },
        beforeUpdate(){ 
            console.log("更新数据之前"); 
            console.log(this.$refs.div); 
        }
    }) 
 </script>